{% extends "base.html" %}
{% load i18n %}
{% block app_css %}
  <link type="text/css" rel="StyleSheet" href="/static/css/registration.css" />
  <link type="text/css" rel="StyleSheet" href="/static/css/jquery.validate.password.css" />
{% endblock %}
{% block app_js %}
  <script type="text/javascript" src="/static/js/jquery.validate.min.js"></script>
  <script type="text/javascript"
  src="/static/js/jquery.validate.password.js"></script>
  <script type="text/javascript" src="/static/js/registration.js" ></script>
{% endblock %}
{% block container %}
<FORM action="/accounts/register/" method="POST" id="register_form">
  <span><h2>{% trans 'Welcome' %}</h2></span>
  <a href="#" class="login_link">{% trans 'login'%}</a>
  <div id="email">
    <label>{% trans 'enter email' %}</label>
    {{ form.email }}
  </div>
  <div id="username">
    <label>{% trans 'pick a username' %}</label>
    {{ form.username }}
  </div>
  <div id="password">
    <label>{% trans 'input your password' %}</label>
    {{ form.password }}
    <div class="password-meter">
      <div class="password-meter-message"> </div>
      <div class="password-meter-bg">
        <div class="password-meter-bar"></div>
      </div>
    </div>
  </div>
  <div id="question">
    <label>{{ question.q }}</label>
    <input name="answer" />
  </div>
  <input type="submit" value="{% trans 'register' %}" id="register_submit"/>
  <input type="hidden" name="question_id" value="{{ question.id }}" />
</FORM>
<div id="feature">
  <h1>{% trans 'The simple way to catch up with places and friends' %}</h1>
  <em>{% trans 'you could find here:' %}</em>
  <ul>
    <li>{% trans 'Look around what happens near you' %}</li>
    <li>{% trans 'Look around interesting places' %}</li>
    <li>{% trans 'Talk with friends' %}</li>
    <li>{% trans 'Talk with guys near you' %}</li>
  </ul>
</div>
{% endblock %}
